<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>支付宝首页</title>
    <link rel="stylesheet" href="../css/pengyou.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <script src="../js/flexible.js"></script>
</head>

<body>
    <header>
        <div class="select">
            <div class="city">
                <span>朋友</span>
            </div>
            <div>
                <i class="iconfont">&#xe68e;</i>
                <i class="iconfont">&#xe622;</i>
            </div>
        </div>
    </header>
    <section>
        <ul class="nav">
            <li>
                <a href=""><img src="../img/4.gif" alt="">
                    <h3>生活号</h3><span>简单生活更多...</span></a>
            </li>
            <li>
                <a href=""><img src="../img/5.gif" alt="">
                    <h3>小程序</h3><span>发现更多服务</span></a>
            </li>
            <li>
                <a href=""><img src="../img/6.gif" alt="">
                    <h3>生活圈</h3><span>和朋友分享生活</span></a>
            </li>
        </ul>
        <ul class="list">
            <li>
                <a href=""><img src="../img/4.gif" alt="">
                    <div><span><p>天天领健康金</p> <i>昨天</i></span>
                        <h3>保额领取通知</h3>
                    </div>
                </a>
            </li>
            <li>
                <a href=""><img src="../img/4.gif" alt="">
                    <div><span><p>服务提醒</p><i>昨天</i></span>
                        <h3>你有7条未读信息</h3>
                    </div>
                </a>
            </li>
            <li>
                <a href=""><img src="../img/4.gif" alt="">
                    <div><span><p>Apple 专区</p><i>昨天</i></span>
                        <h3>[使用过的服务]</h3>
                    </div>
                </a>
            </li>
            <li>
                <a href=""><img src="../img/4.gif" alt="">
                    <div><span><p>相互保</p><i>昨天</i></span>
                        <h3>相互保开放提醒</h3>
                    </div>
                </a>
            </li>
            <li>
                <a href=""><img src="../img/4.gif" alt="">
                    <div><span><p>芝麻信用</p><i>昨天</i></span>
                        <h3>【重要】</h3>
                    </div>
                </a>
            </li>
            <li>
                <a href=""><img src="../img/4.gif" alt="">
                    <div><span><p>社区生活</p><i>昨天</i></span>
                        <h3>清空家中旧书，抽mac口红</h3>
                    </div>
                </a>
            </li>
            <li>
                <a href=""><img src="../img/4.gif" alt="">
                    <div><span><p>妈妈</p><i>昨天</i></span>
                        <h3>转账</h3>
                    </div>
                </a>
            </li>
            <li>
                <a href=""><img src="../img/4.gif" alt="">
                    <div><span><p>爸爸</p><i>昨天</i></span>
                        <h3>转账</h3>
                    </div>
                </a>
            </li>
        </ul>

    </section>
    <footer>
        <ul>
            <li><a href="shouye.html"><i class="iconfont"">&#xe600;</i><span>首页</span></a></li>
            <li><a href="caifu.html"><i class="iconfont">&#xe60c;</i><span>财富</span></a></li>
            <li><a href="koubei.html"><i class="iconfont">&#x35ee;</i><span>口碑</span></a></li>
            <li><a href="pengyou.html"><i class="iconfont">&#xe61c;</i><span>朋友</span></a></li>
            <li><a href="my.html"><i class="iconfont">&#xe609;</i><span>我的</span></a></li>
        </ul>
    </footer>
</body>

</html>